import Link from "next/link";
import { HomeButton } from "./_client/HomeButton";

export default function Page() {
  return (
    <main>
      <h1 className="text-4xl">React Component (SC & CC)</h1>
      <ol>
        <li>
          <p>client component button</p>
          &quot;use client&quot; & use hook & interactive in CC
          &nbsp;
          <div>
            <HomeButton />
          </div>
        </li>

        <Link href="/demo/function-component/wrapper">
          <li>wrapper & embedded</li>
        </Link>

        <Link href="/demo/function-component/sc-trace">
          <li>sc trace</li>
        </Link>

        <Link href="/demo/function-component/flex">
          <li>flex</li>
        </Link>

        <Link href="/demo/function-component/context">
          <li>context providers</li>
        </Link>
      </ol>
    </main>
  )
}
